#corps
{
	padding-top:0; /* car il y a le feedback qui prends cet espace */
}
#bloc_haut
{
	width:908px;
	background:#111a1c;
	padding:26px;
}
.colonne
{
	width:440px;
}
/**************** COLONNE GAUCHE ******************/
.colonne.gauche
{
	float:left;
}
p.feedback
{
	text-align:center;
	color:#18ad86;
	font-size:12px;
	height:34px;
	line-height:34px;
}

p.feedback_error
{
	text-align:center;
	color:#9a2106;
	font-size:12px;
	height:34px;
	line-height:34px;
}
#bloc_bas
{
	width:908px;
	background:#111a1c;
	height: 185px;
        padding: 18px 26px 26px;
}
h3
{
	height:18px;
	line-height:18px;
	background:#28505c;
	padding-left:20px;
	font-size:14px;
	color:#FFF;
	text-align:left;
        font-family: Arial;
        padding-bottom: 0px;
        text-transform: none;
        font-weight: bold;

}
#bloc_haut h3
{
	margin-bottom:10px;
}
h3.petit_titre
{
	width:98px;
}
h3.moyen_titre
{
	width:284px;
	margin-left:136px; /* pour qu'il se cale bien à droite */
}
h3.moyen_titre.marge_absolue
{
	margin-top:17px;
}
h3.grand_titre
{
	width:420px;
}
.avatar
{
	float:left;
	padding-right:18px;
	padding-bottom:14px;
	width:118px;
}
img#avatar
{
	margin: 0 0 4px;
	float:none;
}
a.btn_modif  /*btn_modif plutot que btn pour ne pas faire de conflit avec le bandeau.*/
{
	color:#FFF;
	text-decoration:none;
	height:33px;
	line-height:33px;
	display:block;
	width:116px;
	text-align:center;
	font-size:14px;
	margin:0;
	font-weight:bold;
	border:solid 1px #bd2c04;
	background:#1b282c;
}
a.btn_modif:hover  /*btn_modif plutot que btn pour ne pas faire de conflit avec le bandeau.*/
{
	background:#bd2c04;
}
/* Choix du titre */
ul.titre {
      border: solid 1px #bd2c04;
      list-style-type:none;
      background:#1b282c;
      position: absolute; /* pour qu'il soit par dessus le reste */
      margin-left:136px; /* pour qu'il se cale bien à droite */
      width:302px;
      margin-bottom:25px;
      z-index: 1; /* pour qu'il passe au dessus du choix de couleur :) */
}
ul.titre li a {
     display:block;
      height: 32px;
    line-height: 32px;
      width:290px;
      padding-left:12px;
      margin:0;
      text-decoration:none;
      color:#FFF;
}
ul.titre li a:hover {
     background:#bd2c04;
}
ul.titre li a.active{
      background:#FFF url('../images/profil/select_titre.png') 284px center no-repeat;
      color:#1b282c;
      border-bottom: solid 1px #bd2c04;/* a désactiver quand les choix sont visibles en "déroulé" */
}
ul.titre li a:active {
      background:#FFF;
      color:#1b282c;
}
/* Choix des couleurs */
ul.couleur {
      border: solid 1px #bd2c04;
      list-style-type:none;
      background:#1b282c;
      position: absolute; /* pour qu'il soit par dessus le reste */
      margin-left:136px; /* pour qu'il se cale bien à droite */
      width:302px;
      margin-bottom:25px;
}
ul.couleur li {
      float:left;
}
ul.couleur li a {
     display:block;
      height:36px;
      width:36px;
      margin:0;
      text-decoration:none;
      color:#FFF;
}
ul.couleur li a.choisi {
      height:24px;
      width:24px;
      border:solid 6px #FFF;
}
ul.couleur li a.active{
      background-image:url('../images/profil/select_couleur.png') ;
      background-position:275px center;
      background-repeat: no-repeat;
      color:#1b282c;
      height: 32px;
      width: 302px;
      border-bottom: solid 1px #bd2c04;/* a désactiver quand les choix sont visibles en "déroulé" */
}
ul.couleur li a:active {
      background:#FFF;
      color:#1b282c;
}
ul.couleur li a.ext
{
	margin:12px 0 12px 12px;
}
ul.couleur li a.int
{
	margin-left:12px;
	margin-bottom:12px;
}
ul.couleur li a.int_bas
{
	margin-left:12px;
}
img.banniere
{
	width:100%;
	margin-bottom: 18px;
} 
a.btn_modif.banniere /*btn_modif plutot que btn pour ne pas faire de conflit avec le bandeau.*/
{
	margin-left: 306px;
    margin-top: 18px;
    position: absolute;
}
input.texte {
    background-color: #0a1215;
    border-color: #070d0f #262f30 #262f30 #070d0f;
    border-style: solid;
    border-width: 1px;
    color: #aab8bc;
    display: block;
    font-size: 12px;
    height: 32px;
    padding-left: 10px;
    width: 428px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input.texte.feedback_positif {
    background-image:url('../images/profil/feedback_positif.png');
    background-position:414px center;
    background-repeat:no-repeat;
}
input.texte.feedback_negatif {
    background-image:url('../images/profil/feedback_negatif.png');
    background-position: 417px 6px;
    background-repeat:no-repeat;
}
.colonne.gauche p.feedback
{
	height: 20px;
	line-height: 20px;
	color: #9a2106;
	font-size: 11px;
	float:right;
}
.colonne.gauche input:focus
{
	background-color:#28505c;
	-webkit-box-shadow:inset 0 0 1px 1px #1a343b;
	-moz-box-shadow:inset 0 0 1px 1px #1a343b;
	box-shadow:inset 0 0 1px 1px #1a343b;
}
.cacher_mail
{
	margin-top:5px;
	margin-left:4px;
}
.colonne.gauche label
{
	font-size:12px;
	color:#FFF;
}
/*********** STYLISER LA CHECK BOX ***********
http://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css*/

/* Cachons la case à cocher */  
form input#cacher_mail:not(:checked),  
form input#cacher_mail:checked 
{  
	position: absolute;  
	left: -9999px;  
}  
      
/* on prépare le label */  
form input#cacher_mail:not(:checked) + label,  
form input#cacher_mail:checked + label {  
	position: relative; /* permet de positionner les pseudo-éléments */  
	padding-left: 18px; /* fait un peu d'espace pour notre case à venir */  
	cursor: pointer;    /* affiche un curseur adapté */  
}  

/* Aspect des checkboxes */  
/* :before sert à créer la case à cocher */  
form input#cacher_mail:not(:checked) + label:before,  
form input#cacher_mail:checked + label:before {  
	content: '';  
	position: absolute;  
	left:-4px; top: 0;  
	width: 13px; height: 13px; /* dim. de la case */  

	background: url(../images/forum/unchecked.png) no-repeat;   
}  

/* Aspect général de la coche */  
form input#cacher_mail:not(:checked) + label:after,  
form input#cacher_mail:checked + label:after {  
	content: '';  
	position: absolute;  
	left:-4px; top: 0;  
	width: 13px; height: 13px; /* dim. de la case */  
	 
	background: url(../images/forum/checked.png) no-repeat; 
}  

/* Aspect si "pas cochée" */  
form input#cacher_mail:not(:checked) + label:after {  
 	background: url(../images/forum/unchecked.png) no-repeat; 
}  

/* Aspect si "cochée" */  
form input#cacher_mail:checked + label:after {  
  	background: url(../images/forum/checked.png) no-repeat; 
}
/**************** COLONNE DROITE *****************/ 
.colonne.droite
{
	margin-left:468px; /* 440 de largeur + 28 de margin entre les 2 colonnes */
	text-align:right;
}
.wysiwyg
{
    font-family: inherit;
	background-color:#0a1215;
	padding:10px 20px;
	min-height:160px;
	width: 400px;
	max-width: 400px;
	min-width:400px;
	color:#FFF;
	border-top:solid 1px #070d0f;
	border-left:solid 1px #070d0f;
	border-right:solid 1px #262f30;
	border-bottom:solid 1px #262f30;
	color: #aab8bc;
    font-size: 12px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	//margin-bottom:26px;
}
.wysiwyg.feedback_negatif
{
	background-image: url(../images/profil/feedback_negatif.png) ;
	background-position:bottom right ;
	background-repeat:no-repeat;
}

.wysiwyg.feedback_positif
{
	background-image: url(../images/profil/feedback_positif.png) ;
	background-position:bottom right ;
	background-repeat:no-repeat;
}
/* Bouton envoyer */
.envoyer 
{
	border:solid 1px #6a1102;	
	height:34px;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.envoyer input
{
	border:solid 1px #9a2106;
	
	
	background: #a52606; /* Old browsers */
	background: -moz-linear-gradient(top, #a52606 0%, #7f1a04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a52606), color-stop(100%,#7f1a04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a52606 0%,#7f1a04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a52606 0%,#7f1a04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a52606 0%,#7f1a04 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a52606 0%,#7f1a04 100%); /* W3C */
	
		
	cursor:pointer;
	color:#FFF;
	height:34px;
	padding:0 24px;
	font-size:14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colonne.droite p.feedback
{
	height: 22px;
	line-height: 16px;
	color: #9a2106;
	font-size: 11px;
	text-align:right;
}

/************** CONTENU BAS ****************/

#bloc_bas label
{
	color: #28505c;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    text-align: left;
    width: 100%;
}

#bloc_bas .colonne.gauche p.feedback
{
	float:none;
	height:10px;
	text-align:right;
}

#bloc_bas .envoyer
{
	margin-top:20px;
}

/***** Ajout MS *****/
#user_couleur{
    width: 302px;
    height: 20px;
    display: block;
    margin-left: 136px;
    margin-top:7px;
}

#select_couleur{
    margin-top: 5px;
}